body{
	margin: 0px;
	padding: 0px;
}
.navi{
	width: 100%;
	height: 90px;
	background-color: rgba(255,255,255,0);
	position: fixed;
  top: 0px;
	text-align: center;
	z-index: 100;
	transition-duration: 1.2s;
}
.navi-h:hover{
	background-color: rgba(255,255,255,1);
	transition-duration:1.2s;
}
.menus{
	width: 50px;
	height: 50px;
	color: white;
	margin-left: 30px;
	margin-top: 35px;
	float: left;
}
.navi-h:hover .menus a{
	color: #137749;
}
.navi-h:hover .menus p{
	color: #137749;
}
.menus a{
	text-decoration: none;
	font-size: 25px ;
	font-weight: 100;
	color: white;
}
.menus p{
	margin-top:  2px ;
	font-size: 13px;
}
.three-label{
	height: 15px;
	float: left;
	margin-top: 59px;
	margin-left: 35px;
	font-size: 13px;
}
.three-label a{
	text-decoration: none;
	font-weight: 100;
	color: white;
}
.navi-h:hover .three-label a{
	color: #137749;
}
.three-label1{
	height: 15px;
	float: left;
	margin-top: 59px;
	margin-left: 45px;
	font-size: 13px;
}
.three-label1 a{
	text-decoration: none;
	font-weight: 100;
	color: white;
}
.navi-h:hover .three-label1 a{
	color: #137749;
}
.rolex-logo{
	margin-top: 10px;
	width: 100px;
	height: 70px;
	position: relative;
	right: 4%;
	filter: grayscale(100%);
}
.navi-h:hover .rolex-logo{
	filter: grayscale(20%);
	transition-duration:1.2s;
}
.series{
	width: 96px;
	height: 40px;
	float: right;
	margin-top: 30px;
}
.series a{
	text-decoration: none;
	font-size: 20px ;
	color: white;
}
.series p{
	margin-top:  12px ;
	font-size: 13px;
}
.navi-h:hover .series a{
	color: #137749;
}
.navi-h:hover .series p{
	color: #137749;
}
.search{
	width: 96px;
	height: 40px;
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}
.search a{
	text-decoration: none;
	font-size: 20px ;
	color: white;
}
.search p{
	margin-top:  12px ;
	font-size: 13px;
}
.navi-h:hover .search a{
	color: #137749;
}
.navi-h:hover .search p{
	color: #137749;
}
